<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Best Day a Wedding Planner Category Flat Bootstarp Resposive Website Template | Our Albums :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Best Day Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href='//fonts.googleapis.com/css?family=Open+Sans:700,700italic,800,300,300italic,400italic,400,600,600italic' rel='stylesheet' type='text/css'>
<!--Custom-Theme-files-->
	<link href="css/style.css" rel='stylesheet' type='text/css' />	
	<script src="js/jquery.min.js"> </script>
	<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="all" />
    <script src="js/modernizr.custom.js"></script>

<!--/script-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
				});
			});
</script>

</head>
<body>
	<!--start-home-->
	<div id="home" class="header">
		<div class="header-top">
			<div class="container">
				<div class="logo">
					<a href="index.html"><h1>Best<span> Day</span></h1></a>
				</div>
				 <span class="menu"> </span>
				    <div class="top-menu">
							<ul class="cl-effect-7">
								<li><a href="index.html">Home</a></li>
								<li><a href="story.html">Our Story</a></li>
								<li><a href="ceremony.html">Ceremony</a></li>
								<li><a class="active" href="albums.html">Our Albums</a></li>
								<li><a href="contact.html">contact</a></li>
							</ul>
				</div>
            <!-- script-for-menu -->
				<script>
				$( "span.menu" ).click(function() {
				  $( ".top-menu" ).slideToggle( "slow", function() {
				    // Animation complete.
				  });
				});
			</script>
			<div class="clearfix"></div>
	<!--End-top-nav-script-->
			</div>
		</div>
       </div>
	   <!--banner-->
	<div class="banner two">
	     	<div class="container">
				<h2 class="second-head">Our Albums</h2>	
		    </div>
	</div>
	  <!--//banner-->
	<!--gallery-section-->
  <div class="gallery-section">
      <div class="container">
         <div class="categorie-grids cs-style-1">
				 <div class="col-md-4 cate-grid grid">
					<figure>
						<img src="images/s11.jpg" alt="">
						<figcaption>
							<h3>Best Day</h3>
							<span>Accusantium Dolor</span>
							<a class="example-image-link" href="images/s11.jpg" data-lightbox="example-1" data-title="Interior Design">VIEW</a>
						</figcaption>
					</figure>
				 </div>
				 <div class="col-md-4 cate-grid grid">
					 <figure>
						<img src="images/s2.jpg" alt="">
						<figcaption>
							<h3>Best Day</h3>
							<span>Accusantium Dolor</span>
							<a class="example-image-link" href="images/s2.jpg" data-lightbox="example-1" data-title="Interior Design">VIEW</a>
						</figcaption>
					</figure>
				 </div>


				 <div class="col-md-4 cate-grid grid">
					 <figure>
						<img src="images/s3.jpg" alt="">
						<figcaption>
							<h3>Best Day</h3>
							<span>Accusantium Dolor</span>
							<a class="example-image-link" href="images/s3.jpg" data-lightbox="example-1" data-title="Interior Design">VIEW</a>
						</figcaption>
					</figure>
				 </div>

				 <div class="col-md-4 cate-grid grid">
					<figure>
						<img src="images/s4.jpg" alt="">
						<figcaption>
							<h3>Best Day</h3>
							<span>Accusantium Dolor</span>
							<a class="example-image-link" href="images/s4.jpg" data-lightbox="example-1" data-title="Interior Design">VIEW</a>
						</figcaption>
					</figure>
				 </div>

				 <div class="col-md-4 cate-grid grid">
					<figure>
						<img src="images/s5.jpg" alt="">
						<figcaption>
							<h3>Best Day</h3>
							<span>Accusantium Dolor</span>
							<a class="example-image-link" href="images/s5.jpg" data-lightbox="example-1" data-title="Interior Design">VIEW</a>
						</figcaption>
					</figure>
				 </div>

				 <div class="col-md-4 cate-grid grid">
					 <figure>
						<img src="images/s22.jpg" alt="">
						<figcaption>
							<h3>Best Day</h3>
							<span>Accusantium Dolor</span>
							<a class="example-image-link" href="images/s22.jpg" data-lightbox="example-1" data-title="Interior Design">VIEW</a>
						</figcaption>
					</figure>
				 </div>
				 	<div class="col-md-4 cate-grid grid">
					<figure>
						<img src="images/s33.jpg" alt="">
						<figcaption>
							<h3>Best Day</h3>
							<span>Accusantium Dolor</span>
							<a class="example-image-link" href="images/s33.jpg" data-lightbox="example-1" data-title="Interior Design">VIEW</a>
						</figcaption>
					</figure>
				 </div>
				 <div class="col-md-4 cate-grid grid">
					 <figure>
						<img src="images/s8.jpg" alt="">
						<figcaption>
							<h3>Best Day</h3>
							<span>Accusantium Dolor</span>
							<a class="example-image-link" href="images/s8.jpg" data-lightbox="example-1" data-title="Interior Design">VIEW</a>
						</figcaption>
					</figure>
				 </div>


				 <div class="col-md-4 cate-grid grid">
					 <figure>
						<img src="images/s9.jpg" alt="">
						<figcaption>
							<h3>Best Day</h3>
							<span>Accusantium Dolor</span>
							<a class="example-image-link" href="images/s9.jpg" data-lightbox="example-1" data-title="Interior Design">VIEW</a>
						</figcaption>
					</figure>
				 </div>
               <script src="js/lightbox.js"></script>
			 <div class="clearfix"></div>
		 </div>
	 </div>
</div>
	<!--/attend-->
       <div class="attend">
	           <h3 class="tittle atd">Are You Attending? rsvp here!</h3>
	         <div class="rsvp">
                      <form>
					    	<div>
						    	<span><label>Your Name</label></span>
						    	<span><input name="userName" type="text" class="textbox"></span>
						    </div>
						    <div>
						    	<span><label>Your Email</label></span>
						    	<span><input name="userEmail" type="text" class="textbox"></span>
						    </div>
						    <div>
						     	<span><label>Ceremony & Party</label></span>
						    	<span><select name="event"><option value="All Events">All Events</option><option value="Ceremony">Ceremony</option><option value="Party">Party</option></select></span>
						    </div>
							<div>
						    	<span><label>Guest</label></span>
						    	<span><input name="userName" type="text" class="textbox"></span>
						    </div>
							 <div class="sub">
						   		<input type="submit" value="I am attending" />
						  </div>

					    </form>
			       </div>
			    </div>
	<!--/footer-->

	     <div class="footer">
		    <div class="container">
				 <div class="footer-top">
				    <div class="col-md-4 footer-grid">
					     <h4>Wedding <span>Venue</span></h4>
				          <ul class="bottom">
							 <li>(888) 123-456-7890</li>
							 <li>Available 24/7</li>
						 </ul>
				    </div>
					  <div class="col-md-4 footer-grid">
					     <h4>Message Us  <span>Now </span></h4>
				            <ul class="bottom">
						     <li><i class="glyphicon glyphicon-home"></i>Available 24/7 </li>
							 <li><i class="glyphicon glyphicon-envelope"></i><a href="mailto:info@example.com">mail@example.com</a></li>
						   </ul>
				    </div>
					<div class="col-md-4 footer-grid">
					     <h4>Address  <span>Location </span></h4>
				           <ul class="bottom">
						     <li><i class="glyphicon glyphicon-map-marker"></i>2901 Glassgow Road, WA 98122-1090 </li>
							 <li><i class="glyphicon glyphicon-earphone"></i>phone: (888) 123-456-7899 </li>
						   </ul>
				    </div>
					<div class="clearfix"> </div>
				 </div>
			</div>
	     </div>
		<div class="copy">
		    <p>&copy; 2016 Best Day. All Rights Reserved | Design by <a href="http://w3layouts.com/">W3layouts</a> </p>
		</div>
		<!--//footer-->
			<!--start-smooth-scrolling-->
						<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>


</body>
</html>